<template> 
    <input class="g-input"  type="text" name="password" :type="typeof(type)=='undefined'?text:type" autocomplete="off"/>
</template>
<style>
    .g-input{
        border: 1px solid #CCC;
        width: 300px;
        height: 30px;
        border-radius: 4px;
        text-indent: 10px;
    }
    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        color:#CCC;
        text-indent: 10px;
    }
　　input:-moz-placeholder, textarea:-moz-placeholder {
        color:#CCC;
        text-indent: 10px;
    }
　　input::-moz-placeholder, textarea::-moz-placeholder {
        color:#CCC;
        text-indent: 10px;
    }
　　input:-ms-input-placeholder, textarea:-ms-input-placeholder {
        color:#CCC;
        text-indent: 10px;
    }
</style>

<script>
export default {
    props:['type']
}
</script>
